<?php
header('content-type:text/html; charset=utf-8');
?>
<html>
<head>
<title>Bootstrap 模板</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
   		<div class="row">
   			<div class="col-xs-4">
   				<div class="modal-content">
   					<div class="modal-header">
   				<div class="modal-title">
   			<div>
   				<h2>通讯录界面</h2>	
				</div>
  		</div>
		</div>
		
  			<form class="form-horizontal   has-success" action="22.php" method="post">
  			<div class="form-group">
  				<label class=" col-xs-3 control-label">name:</label>
				<div class="col-xs-6">
					<div class="input-group">
						<div class="input-group-addon">
							<span class="glyphicon glyphicon-user"></span>
						</div>
					<input  required="required"class="form-control"  name="login"/>
					</div>
					</div>
  			</div>
			<div class="form-group">
  				<label class=" col-xs-3 control-label">password:</label>
				<div class="col-xs-6">
					<div class="input-group">
						<div class="input-group-addon">
							<span class="glyphicon glyphicon-lock"></span>
						</div>
					<input  required="required"  class="form-control" name="password"/>
					</div>
					</div>
  			</div>
			<div class="modal-footer">
				<button type="submit">登录</button>
			</div>
			</form>
			
			</div>
			</div>
			</div>
			</div>
			</body>